<style lang="less" scoped>
  .sideBar {
    width: 300px;
    height: 100%;
    
    .el-menu-item {
      // border-bottom: 1px solid salmon;
      height: 100px;
      line-height: 100px;
    }

    span {
      font-size: 22px;
    }
  }
</style>

<template>
  <el-menu class="sideBar">
    <el-menu-item index="1">
      <i class="el-icon-location"></i>
      <span>已完成请求</span>
    </el-menu-item>
    <el-menu-item index="2">
      <i class="el-icon-menu"></i>
      <span>选项2</span>
    </el-menu-item>
    <el-menu-item index="3" v-if="radiovalue==='2'">
      <i class="el-icon-setting"></i>
      <span>选项3</span>
    </el-menu-item>
    <el-menu-item index="4">
      <i class="el-icon-tickets"></i>
      <span>选项4</span>
    </el-menu-item>
    <el-menu-item index="5" v-if="radiovalue==='1'">
      <i class="el-icon-search"></i>
      <span>选项5</span>
    </el-menu-item>
    <el-menu-item index="6">
      <el-button type="success" @click="look">查看</el-button>
    </el-menu-item>
  </el-menu>
</template>

<script>
import store from '../../store/store'
import {mapState} from 'vuex'

export default {
  name: 'sideBar',
  data () {
    return {
    }
  },
  computed: mapState(['radiovalue']),
  methods: {
    look () {
      console.log(store)
    }
  }
}
</script>
